<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">



<h:head>
	<style type="text/css">
.ui-widget,.ui-widget .ui-widget {
	font-size: 90% !important;
}
</style>
</h:head>
<h:body>
	<p:menubar>
		<p:submenu label="Inicio">
		</p:submenu>
		<p:submenu label="Operaciones">
			<p:menuitem value="Registrar alumnos por curso" url="registrarMatricula.xhtml" />
			<p:menuitem value="Tomar asistencia" url="registrarAsistencia.xhtml" />
		</p:submenu>
		<p:submenu label="Reporte">
			<p:menuitem value="Consultar alumnos por curso"
				url="consultaAlumnosxCurso.xhtml" />
			<p:menuitem
				value="VConsultar cursos en los cuales esta inscrito un alumno"
				url="consultarCursosMatriculados.xhtml" />
		</p:submenu>
		<f:facet name="options">
			<h:form>
				<p:commandButton  value="saliida"></p:commandButton>
			</h:form>
		</f:facet>
	</p:menubar>
   
   <h:form id="form">
		<p:growl id="growl" showDetail="true"/>
		
		<p:panel header="Registrar asistencias" id="panel">
			<h:panelGrid columns="4">
				<p:panel >
					<p:dataTable id="tabla1" var="curso" value="#{asistencia.cursos}" selectionMode="single"
					
						 selection="#{asistencia.cursoSeleccionado}" rowKey="#{curso.idCurso}" paginator="true" rows="15">
 						
 						<p:ajax event="rowSelect" listener="#{asistencia.cargarGrupos}" update=":form" />
						 
					 	<p:column>
							<f:facet name="header">Cursos</f:facet>
							<h:outputText value="#{curso.nombre}" />
						</p:column>
						
					</p:dataTable>
				</p:panel>
				<p:panel>
					<p:dataTable id="tabla2"   var="grupo" value="#{asistencia.grupos}" selectionMode="single"
					
						selection="#{asistencia.grupoSeleccionado}" rowKey="#{grupo.idGrupo}" paginator="true" rows="15">
						 
						<p:ajax event="rowSelect" listener="#{asistencia.cargarTipos}" update=":form" />
						 
					 	<p:column>
							<f:facet name="header">Grupos</f:facet>
							<h:outputText value="#{grupo.nombre}" />
						</p:column>
						
					</p:dataTable>
				</p:panel>
               <p:panel>
               		<p:dataTable id="tabla3"   var="tipo" value="#{asistencia.tipos}" selectionMode="single"
					
						selection="#{asistencia.tipoSeleccionado}" rowKey="#{tipo.idTipo}" paginator="true" rows="15">
						 
						<p:ajax event="rowSelect" listener="#{asistencia.cargarAsistencias}" update=":form" />
						 
					 	<p:column>
							<f:facet name="header">Tipos</f:facet>
							<h:outputText value="#{tipo.nombre}" />
						</p:column>
						
					</p:dataTable>
				</p:panel>
				
				<p:panel>

					<p:dataTable id="tabla4"  editable="true"  paginator="true" rows="15" 
						var="asis" value="#{asistencia.asistencias}" >
					
						<f:facet name="header">Asistencias</f:facet>
						
						<p:column  headerText="Codigo">
					   		<h:outputText value="#{asis.alumno.codigo}" />
						</p:column>
						
						<p:column  headerText="Nombre">
					   		<h:outputText value="#{asis.alumno.nombres}" />
						</p:column>
						
						<p:column  headerText="Apellido">
					   		<h:outputText value="#{asis.alumno.apellidos}" />
						</p:column>
						
						<p:column  headerText="Asistencia">
					   		<p:cellEditor>
				               <f:facet name="output"><h:outputText value="#{asis.asistencia}" /></f:facet>
				               <f:facet name="input">
				                   <h:selectOneMenu value="#{asis.asistencia}">
									   <f:selectItem itemValue="Asistio" itemLabel="Asistio" />
									   <f:selectItem itemValue="Falto" itemLabel="Falto" />	
									   <f:selectItem itemValue="Tardanza" itemLabel="Tardanza" />   							
									</h:selectOneMenu>
				               </f:facet>
				           </p:cellEditor>
						</p:column>
						
						<p:column>
							<p:rowEditor />
						</p:column>
					</p:dataTable>
				</p:panel>
			</h:panelGrid>
			
			
		<h:panelGrid columns="3" id="gride"> 
				 <p:commandButton id="tomarAsistencia" value="Guardar" disabled="#{!asistencia.sePuedeGuardar}" actionListener="#{asistencia.tomarAsistencia}" update=":form" require="true"/>
				
				 <p:message for="tomarAsistencia"/>
				 
		        <p:blockUI block="panel" >
	             	Matriculando a los alumnos ...
	        	     <br/><p:graphicImage height="50" width="50"  value="img/LoadingWheel.gif" />
                </p:blockUI>
			</h:panelGrid>	
		
		</p:panel>
	
	</h:form>
   
</h:body>

</html>
